	{% extends 'rango/base.html' %}
	{% load staticfiles %}
	{% block title_block %}
		About
	{% endblock %}
	
	{% block body_block %}
        <div>
	        <h1 class="page-header">About Page</h1>			
	        This tutorial has been put together by: leifos and maxwelld90 
		</div>	
		<img src="{% static "images/rango.jpg" %}" alt="Picture of Rango" />
		<p>
		<img src="{{MEDIA_URL}}cat.jpg" alt="Picture of Elgin the Cat from Rango">
		<p>
		The image of the cat was taken from <a href="http://lizzychrome.deviantart.com/art/Elgin-424012566">	Deviant Art by LizzyChrome</a>.
	</p>
	<hr>

		<button class="btn btn-primary" id="about-btn"> JQuery Alert Example</button>
	<p>This text is for a Jquery Example - I'll turn red when you hover over me.</p>
	<div id="msg">Hello - I'm here for a Jquery Example too</div>
	{% endblock %}

<!-- Pre chapter 8>

<!DOCTYPE HTML>

{% load staticfiles %}

<html>
    
    <head>
        <title>Rango - About</title>
    </head>
    
    <body>
        <h1>About Page</h1>
        This tutorial has been put together by: leifos and maxwelld90 
        <a href="/rango/">Home</a><br />
        <img src="{% static "images/rango.jpg" %}" alt="Picture of Rango" /> 
    </body>

</html>

-->